<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./jquery-3.7.1.min.js"></script>
</head>
<body>
    <div>
        <input type='radio' name="user" value="name">
        <span>name</span>
    </div>
    <div>
        <input type="radio" name="user" value="age">
        <span>age</span>
    </div>

    <a href="#" alt="sxt">sxt</a>
    <a href="#" alt="sxt-itbaizhan">sxt-itbaizhan</a>
    <a href="#" alt="sxtitbaizhan">sxtitbiazhan</a>


    <script>
        //利用属性选择器，选择第一个input，修改对应的span文本
        $('input[value="name"]').next().html('username')
        //以sxt为前缀的a标签（带有-）
        $("a[alt|='sxt']").css('border','2px solid red')
        /*
        * [alt='sxt']    精确匹配
        * [alt*='sxt']  包含sxt的
        * [alt~='sxt']  sxt后是空格或者独立的单词
        * [alt^='sxt']  以sxt开头的
        * [alt$='sxt']  以sxt结尾的
        * [alt|='sxt']  以sxt为前缀的（带有-）
        * */


    </script>
</body>
</html>